<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link ref="stylesheet" href="../CSS /css/all.css">
    <style>
        /* 从服务器下载字体 加载速度比较慢 版权也有问题*/
        @font-face {
            font-family:'myfont';
            /* 服务器字体路径 */
            src: url(./xxxx);
        }
        p{

        }
        /* 图标字体：把图标转换成字体引入
            font-awesome将所需文件夹移入项目

            class="fas/fab 实际图标" */
            /* 在content中设置字体的编码 设置字体的样式 */
            li::before{
                /* 熊爪 */
                content: '\f1b0';
                font-family:'Font Awesome 5 Free' ;
                font-weight:900 ;
                color: blue;
            }
    </style>
</head>
<body>
    <!-- font-family
        serif 衬线字体
        sans-serif  非衬线
        monospace 等宽
    浏览器自动选择相应大类的字体-->
    <!-- 通过实体 -->
        <div class="fas"> &#xf0f3;</div>


        <!-- 类  实体  伪元素 -->
</body>
</html>